<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>学生管理系统 - 登录</title>
    <link rel="stylesheet" href="resource/css/style.css">
</head>
    <body>
        <div class="login-container">
            <h1>欢迎使用学生管理系统</h1>
            <form id="loginForm" method="post" action="">
                <div class="form-group">
                    <label for="ip">主机IP：</label>
                    <input id="ip" name="ip" value="localhost" placeholder="请输入数据库主机IP"/>
                    <div class="error-message" id="ip-error"></div>
                </div>

                <div class="form-group">
                    <label for="port">端口号：</label>
                    <input id="port" name="port" value="3306" placeholder="请输入数据库端口号"/>
                    <div class="error-message" id="port-error"></div>
                </div>

                <div class="form-group">
                    <label for="username">用户名：</label>
                    <input id="username" name="username" value="root" placeholder="请输入数据库用户名"/>
                    <div class="error-message" id="username-error"></div>
                </div>

                <div class="form-group">
                    <label for="password">密 码：</label>
                    <input id="password" name="password" type="password" placeholder="请输入数据库密码"/>
                    <div class="error-message" id="password-error"></div>
                </div>

                <button class="btn" type="submit">登录</button>
            </form>
        </div>

        <script src="resource/js/jquery.min.js"></script>
        <script src="resource/js/login.js"></script>
    </body>
</html>